<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>按类型查询</title>
    <link th:href="@{/img/Bandit.ico}" rel="icon">
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet">
    <link th:href="@{/css/public.css}" rel="stylesheet">
    <link th:href="@{/css/type.css}" rel="stylesheet">
</head>
<body>
<!--公共头-->
<div th:replace="~{commons/common::MyHeader}"></div>

<div class="layui-main">
    <div class="layui-card">
        <div class="layui-card-header">
            <span class="layui-breadcrumb">
                <a th:href="@{/index}">首页</a>
                <a th:href="@{/index}" th:text="${type.typeInfo}"></a>
            <!--<a><cite>按类型</cite></a>-->
            </span>
        </div>
        <div class="layui-card-body">
            <ul>
                <li th:each="message,messageStat:${messageList}">
                    <div class="message">
                        <div class="message-info">
                            <span class="layui-badge-dot layui-bg-black"></span>
                            <a th:href="@{/front/toMsgDetails?msgID=}+${message.msgID}" th:title="${message.msgTitle}" th:text="${message.msgTitle}"></a>
                        </div>
                        <div class="message-time">
                            <p th:text="${#dates.format(message.releaseDate,'yyyy-MM-dd')}"></p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

</div>


<!--公共脚本-->
<div th:replace="~{commons/common::pubScript}"></div>
<script>
    $('.message-info').hover(function () {
        $(this).children("span").prop("class","layui-badge-dot layui-bg-red");
        $(this).parent().css("border","red 2px solid")
    },function () {
        $(this).children("span").prop("class","layui-badge-dot layui-bg-black");
        $(this).parent().css("border","#165b78 2px solid")
    })
</script>
</body>
</html>